<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta content="telephone=no" name="format-detection">
  <meta name="viewport"
        content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
  <title>宣和艺网-共享艺术服务平台</title>
  <link rel="stylesheet" type="text/css" th:href="@{/css/mobile/public.css}" />
  <link rel="stylesheet" type="text/css" th:href="@{/css/mobile/jquery.bxslider.css}" />
  <link rel="stylesheet" type="text/css" th:href="@{/css/mobile/style.css}" />
  <script type="text/javascript" th:src="@{/js/mobile/jquery1.11.3.min.js}"></script>
  <script type="text/javascript" th:src="@{/js/mobile/jquery.bxslider.min.js}"></script>
  <script type="text/javascript" th:src="@{/js/mobile/index.js}"></script>
  <script type="text/javascript" th:src="@{/js/mobile/redirectPc.js}"></script>
  <script>
    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?d554d2fe469092ab25a4245851a644f0";
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(hm, s);
    })();
  </script>

</head>

<body>
<!--手机搜索begin-->
<div id="nav-search">

</div>
<div class="drawer-section search_div">
  <div class="search_con">
    <form action="" style="width: 100%;height: 100%;">
      <input name="names" type="text" class="input1" value="搜索" onFocus="if(value=='搜索'){value=''}"
             onBlur="if(value==''){value='搜索'}" />
      <input type="submit" value="" class="bnt1" />
    </form>
  </div>
</div>
<!--top-->
<div id="top">
  <div class="wrap clearfloat">
    <div th:replace="~{mobile/component/header :: index_menu}"></div>

    <div class="topPhone clearfloat">

    </div>
  </div>
  <div class="muen1" style="right: 56px;"> <span class="muenX"></span> <span class="muenY">
        <img class="img1" th:src="@{/images/mobile/search_image.png}" />
      </span> <span class="muenZ"></span> </div>
  <div class="muen"> <span class="muenX"></span> <span class="muenY"></span> <span class="muenZ"></span> </div>
</div>
<!--/top-->

<!--main-->
<div class="main">
  <div class="banner">
    <ul class="slider1">
      <li> <a href=""><img class="img1" th:src="@{/images/mobile/banner_wap.png}" /><img class="img2"
                                                                                         th:src="@{/images/mobile/banner_wap.png}" /></a>
      </li>
      <li> <a href=""><img class="img1" th:src="@{/images/mobile/banner_wap.png}" /><img class="img2"
                                                                                         th:src="@{/images/mobile/banner_wap.png}" /></a>
      </li>
      <li> <a href=""><img class="img1" th:src="@{/images/mobile/banner_wap.png}" /><img class="img2"
                                                                                         th:src="@{/images/mobile/banner_wap.png}" /></a>
      </li>
    </ul>
  </div>


  <div class="about_bg3">
    <div class="aboutL">
      <!--<span class="BtnL"></span>-->
      <div class="aboutH">
        <h3>DEPART LIST</h3>
        <h2>机构列表</h2>
      </div>


    </div>
    <div style="clear: both;height: 0.5rem;">

    </div>
    <div class="encyclopedia-type">
      <div class="type-box">
        <div class="type-title">
          <span class="type-class">省份：</span>

        </div>
        <div class="type-attribute">
          <div class="type-attribute-box">
            <div  th:class="${aregion == null||aregion == 0}? 'type-item selectItem' : 'type-item '">
              <a th:href="@{/m/index/depart/list(departType=${departTypeId},name=${name})}"> 全部 </a>
            </div>
            <div th:class="${aregion == region.id||pid ==region.id}? 'type-item selectItem' : 'type-item '" th:each="region:${provinceList}"  > <a th:href="@{/m/index/depart/list(departType=${departTypeId},name=${name},aregion=${region.id}  )}">[[ ${region.cityname} ]] </a> </div>

          </div>
        </div>
      </div>
      <div class="type-box" th:if="${cityList.size()>0}">
        <div class="type-title">
          <span class="type-class">城市：</span>
        </div>
        <div class="type-attribute">
          <div class="type-attribute-box">

            <div th:class="${aregion == region.id}? 'type-item selectItem' : 'type-item '"  th:each="region:${cityList}">
              <a th:href="@{/m/index/depart/list(departType=${departTypeId},name=${name},aregion=${region.id}  )}">[[ ${region.cityname} ]]</a>
            </div>

          </div>
        </div>
      </div>

      <div class="type-box">
        <div class="type-title">
          <span class="type-class">机构类型：</span>

        </div>
        <div class="type-attribute">
          <div class="type-attribute-box">
            <div th:class="${departTypeId == null||departTypeId==0}? 'type-item selectItem' : 'type-item  '"><a th:href="@{/m/index/depart/list(aregion=${aregion},name=${name})}"> 全部 </a></div>
            <div th:class="${departTypeId == departType.id}? 'type-item selectItem' : 'type-item  '"  th:each="departType:${departTypes}" ><a th:href="@{/m/index/depart/list(departType=${departType.id},aregion=${aregion},name=${name})}"> [[ ${departType.name} ]] </a></div>

          </div>
        </div>
      </div>

    </div>

    <div class="product_ul anim anim-1 anim-show">
      <!--列表-->
      <aside class="fall-box grid">
        <div class="grid-item item" th:each="indexDepart:${indexDeparts}">
          <a th:href="@{/m/depart(id=${indexDepart.id})}" style="border: 1px solid #ccc;display: block;">
          <img th:src="${indexDepart.url}" class="item-img" />
          <section class="section-p" style="border-top: 1px solid #eee;">
            <p class="title-p">[[${indexDepart.name}]]</p>
          </section>
          </a>
        </div>
      </aside>
      <!--/列表-->
    </div>

  </div>
</div>

<!--/main-->

<!--/main-->

<!--footer-->
<div th:replace="~{mobile/component/footer :: footer}"></div>
<!--/footer-->

<!--wap-->
<div th:replace="~{mobile/component/footer :: footer_menu}"></div>
<!--/wap-->

<div class="wapBg"></div>
</body>
<script type="text/javascript">
  $('.slider1').bxSlider({
    'auto': true,
    'controls': true,
    'touchEnabled': true,
    'pager': true,
    'speed': 1000,
    'pause': 4000,

  })

  $('.sliderHomeSpT').bxSlider({
    'auto': false,
    'controls': true,
    'touchEnabled': true,
    'pager': true,

  })

  var lineW = $(".lineW span").width();
  $('.sliderHomeSpB').bxSlider({
    'auto': false,
    infiniteLoop: true,
    'controls': true,
    'touchEnabled': true,
    'pager': true,
    'slideWidth': '204',
    'minSlides': 2,
    'maxSlides': 5,
    'moveSlides': 5,
    onSlideAfter: function ($slideElement, oldIndex, newIndex) {
      var num = $(".homeSpBW .bx-pager .bx-pager-item").length;
      var lineWW = $(".lineW").width();


      if (newIndex == 0) {
        $(".lineW span").css({
          "width": lineW + 'px'
        })
      } else {
        $(".lineW span").css({
          "width": (lineWW / num) * (newIndex + 1) + 'px'
        })
      }

    },


  })

  $('.sliderHomeDzzc').bxSlider({
    'auto': true,
    'controls': true,
    'touchEnabled': true,
    'pager': false,
    'slideWidth': '280',
    'minSlides': 2,
    'maxSlides': 4,
    'moveSlides': 1,
    'speed': 600,
    //	    'slideMargin': 20
  })





</script>
<script th:src="@{/js/mobile/pb/imagesloaded.pkgd.min.js}"></script>
<script th:src="@{/js/mobile/pb/masonry.pkgd.min.js}"></script>
<script th:src="@{/js/mobile/pb/masonry.pkgd.min.js}"></script>
<script th:src="@{/js/mobile/pb/swiper.min.js}"></script>
<script th:src="@{/js/mobile/pb/find.js}"></script>

</html>
